@media only screen and (max-width:641px){
@charset "utf-8";

.max_width100{ max-width:100%;}
.up640{ display:none;}
.down640{ display:block;}

/*首页*/
.center{ width:100%; margin:0 auto;}

.header{ display:none;}

.mobile_bg{ width:100%; overflow:hidden; display:block; background:#FFF;}
.mobile_nav{ width:100%; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; padding:10px 0 5px 0; text-align:left;}
.mobile_logo{ display:inline-block; height:35px; margin-left:3%;}

.mobile_nav_in{ width:100%; overflow:hidden; float:left; display:none; background:#FFF;}
.mobile_nav_in>li{ float:left; width:100%; min-height:40px; border-bottom:1px solid #ccc;}
.mobile_nav_in>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:14px;}
.mobile_nav_in1{ float:left; width:76%; border:none; height:40px; padding:0 2%; font-family:"微软雅黑"; outline:none; font-size:14px;}
.mobile_nav_in2{ float:left; width:20%; border:none; height:40px; font-family:"微软雅黑"; outline:none; background:url(../images/index2.jpg) center center #d9d9d9 no-repeat;}

.mobile_nav_step1{}
.mobile_nav_step2{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step2>li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step2>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:13px;}

.mobile_nav_step3{}
.mobile_nav_step4{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step4>li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step4>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:12px;}

.mobile_nav_search1{ float:left; padding:0 3%; width:84%; height:40px; border:0; font-family:"微软雅黑"; color:#666; outline:none;}
.mobile_nav_search2{ float:right; height:40px; width:10%; background:url(../images/header2_1.jpg) center center no-repeat; border:none; outline:none;}

.header_mobile1{ width:33px; height:33px; position:absolute; right:3%; bottom:10px;}
.header_mobile1 .span1{ display:block; height:3px; background:#0054a7; width:33px; position:absolute; top:6px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span2{ display:block; height:3px; background:#0054a7; width:33px; position:absolute; top:15px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span3{ display:block; height:3px; background:#0054a7; width:33px; position:absolute; top:24px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.header_mobile_in_open .span1{
	top:15px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.header_mobile_in_open .span2{ display:none;}
.header_mobile_in_open .span3{
	top:15px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

.mobile_nav_search1{ float:left; padding:0 3%; width:84%; height:40px; border:0; font-family:"微软雅黑"; color:#666; font-size:14px; outline:none;}
.mobile_nav_search2{ float:right; height:40px; width:10%; background:url(../images/search.jpg) center center no-repeat; border:none; outline:none;}

.slideBox{ display:none;}

.swiper-container {
	width: 100%;
	height: 100%;
	display:block;
}
.swiper-container .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container .swiper-slide img{ display:block; width:100%;}
.swiper-container .swiper-pagination{ bottom:20px;}
.swiper-container .swiper-pagination-bullet{ background:FFF; width:10px; height:10px; margin:0 8px !important;}
.swiper-container .swiper-pagination-bullet-active{ background:#c40b1c;}

.index1{ width:100%; overflow:hidden; padding:30px 0 30px 0;}
.index1_1{ width:94%; margin:0 auto; overflow:hidden;}
.index1_2{ width:100%; overflow:hidden;}
.index1_3{ font-size:18px; color:#444444; line-height:18px;}
.index1_4{ font-size:14px; color:#999999; font-family:"Arial"; line-height:14px; margin-top:12px;}

.index1_l{ float:none; width:614px; max-width:100%; overflow:hidden; margin:30px auto 0 auto; display:block; background:#f2f2f2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_l1{ display:block; margin:20px auto 0 auto; width:90%; height:auto;}
.index1_l2{ width:90%; margin:0 auto; overflow:hidden; padding:15px 0;}
.index1_l3{ float:left; width:15%;}
.index1_l4{ float:left; width:100%; height:33px; line-height:34px; font-size:16px; font-family:"Arial"; color:#444; border-bottom:1px solid #c5c5c5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_l5{ float:left; width:100%; height:22px; line-height:22px; font-size:14px; font-family:"Arial"; color:#444; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_l6{ float:left; width:81%; text-align:left; padding:0 0 0 4%;}
.index1_l7{ float:left; width:100%; height:34px; line-height:34px; font-size:16px; color:#444; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_l8{ float:left; width:100%; height:22px; line-height:22px; font-size:14px; color:#444; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_l:hover{ background:#28479d;}
.index1_l:hover .index1_l4{ color:#FFF; border-bottom:1px solid #FFF;}
.index1_l:hover .index1_l5{ color:#FFF;}
.index1_l:hover .index1_l7{ color:#FFF;}
.index1_l:hover .index1_l8{ color:#FFF;}

.index1_r{ float:none; width:614px; max-width:100%; margin:17px auto 0 auto; overflow:hidden;}
.index1_r li{ float:left; width:100%; overflow:hidden; margin-top:17px;}
.index1_r li:first-child{ display:none;}
.index1_r li:nth-child(2){ margin-top:0;}
.index1_r li a{ display:block; width:100%; height:83px; background:#f2f2f2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_r1{ float:left; width:15%; margin-left:4%; margin-top:12px;}
.index1_r2{ float:left; width:100%; height:33px; line-height:34px; font-size:16px; font-family:"Arial"; color:#444; border-bottom:1px solid #c5c5c5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_r3{ float:left; width:100%; height:22px; line-height:22px; font-size:14px; font-family:"Arial"; color:#444; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_r4{ float:left; width:73%; margin-left:4%; text-align:left; margin-top:12px;}
.index1_r5{ float:left; width:100%; height:auto; max-height:50px; line-height:25px; padding:6px 0 0 0; font-size:16px; color:#444; overflow:hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background:#f2f2f2; position:relative; z-index:1;}
.index1_r6{ float:left; width:100%; height:22px; line-height:22px; font-size:14px; color:#444; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_r li a:hover{ background:#28479d;}
.index1_r li a:hover .index1_r2{ color:#FFF; border-bottom:1px solid #FFF;}
.index1_r li a:hover .index1_r3{ color:#FFF;}
.index1_r li a:hover .index1_r5{ color:#FFF; background:#28479d;}
.index1_r li a:hover .index1_r6{ color:#FFF;}

.index_more{ display:block; margin:30px auto 0 auto; width:115px; padding-left:30px; height:33px; line-height:33px; text-align:left; font-size:14px; color:#FFF; background:url(../images/index2.png) 97px center no-repeat #28478f; clear:both; border:1px solid #28478f; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index_more:hover{ background:url(../images/index2_1.png) 97px center no-repeat #FFF; color:#28478f;}

.index2{ width:100%; overflow:hidden; background:url(../images/index3.jpg) top center no-repeat; background-size:auto 1300px;}
.index2_1{ width:94%; margin:0 auto; overflow:hidden; padding:0 0 0 0;}
.index2_2{ width:100%; overflow:hidden;}
.index2_2 li{
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.index2_2 li:nth-child(3n-2){ float:left; width:100%; height:200px;}
.index2_2 li:nth-child(3n-1){ float:left; width:100%; height:200px;}
.index2_2 li:nth-child(3n){ float:left; width:100%; height:200px;}

.index2_2 li:nth-child(1){ height:100px;}
.index2_2 li:nth-child(9){ height:100px;}

.index2_3_1{ width:100%; overflow:hidden; text-align:left;}
.index2_3_2{ width:100%; font-size:18px; color:#FFF; font-family:"Arial"; font-weight:bold; margin-top:20px;}
.index2_3_3{ width:100%; font-size:16px; color:#FFF; font-family:"Arial";}
.index2_3_4{ width:100%; font-size:14px; color:#FFF; margin:10px 0 0 0;}

.index2_4_1{ display:block; width:100%; overflow:hidden; text-align:left;}
.index2_4_2{ width:100%; color:#ffe671; font-size:16px; font-weight:bold; line-height:26px;}
.index2_4_2 span{ color:#FFF; font-weight:normal;}
.index2_4_3{ width:100%; color:#bcc1d0; font-size:14px; line-height:26px; height:78px; overflow:hidden; margin-top:15px;}
.index2_4_4{ width:22px; height:22px; background:url(../images/index2.png) no-repeat; margin-top:15px;}
.index2_4_5{ width:22px; height:22px; background:url(../images/index2_2.png) no-repeat; margin-top:15px;}

.index2_5_1{ display:block; height:35px; margin-bottom:20px;}

.font_000{ color:#000 !important;}
.font_7c7c7c{ color:#7c7c7c !important;}

.index3{ width:100%; overflow:hidden; background:url(../images/index9.jpg) bottom center no-repeat; padding-bottom:270px; padding-top:15px;}
.index3_1{ width:94%; margin:0 auto; overflow:hidden; -webkit-box-shadow:0px 3px 15px #e9e9e9; -moz-box-shadow:0px 3px 15px #e9e9e9; box-shadow:0px 3px 15px #e9e9e9;}
.index3_1 li{ float:left; width:95%; overflow:hidden; padding:15px 0 0 0; background:url(../images/index8.jpg) right center no-repeat; text-align:left; padding-left:5%;}
.index3_1 li:nth-child(4){ background:none; padding-top:15px; padding-bottom:15px;}
.index3_1 li:nth-child(3){ background:none; padding-top:15px;}
.index3_1 li:nth-child(2){ background:none;}
.index3_1 li:nth-child(1){ background:none; width:95%; padding-left:5%;}
.index3_2{ font-size:16px; color:#444444; display:inline-block;}
.index3_3{ font-size:16px; color:#28478f; display:inline-block; float:right; margin-right:5%;}
.index3_3 .span1{ font-size:14px; color:#444444;}
.index3_4{ width:100%; overflow:hidden; margin-top:40px;}
.index3_5{ font-size:18px; color:#444444; line-height:22px;}
.index3_6{ font-size:14px; color:#444444; line-height:16px; margin-top:15px;}
.index3_7{ width:94%; margin:30px auto 0 auto; font-size:14px; color:#444; line-height:36px;}
.index3_8{ width:100%; overflow:hidden;}

.index4{ width:100%; overflow:hidden; padding:30px 0 20px 0;}
.index4_1{ width:100%; overflow:hidden;}
.index4_2{ width:100%; font-size:18px; color:#444; line-height:18px;}
.index4_3{ width:100%; font-size:14px; color:#999; font-family:"Arial"; line-height:14px; margin-top:12px;}

.swiper-container1 {
	width:94%;
	height:auto;
	margin:20px auto 0 auto;
	padding:10px 1px;
	overflow:hidden;
}
.swiper-container1 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height: auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container1 .swiper-slide a{ border:1px solid #e7e7e7; display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-container1 .swiper-slide a img{ display:block; width:100%;}
.swiper-container1 .swiper-slide a:hover{ -webkit-box-shadow:0px 1px 5px #ccc; -moz-box-shadow:0px 1px 5px #ccc; box-shadow:0px 1px 5px #ccc; border:1px solid #FFF;}
.swiper-container1 .swiper-slide:hover{ z-index:10;}

.swiper-container1 .swiper-pagination1{ margin-top:30px;}
.swiper-container1 .swiper-pagination-bullet{ background:#28478f; width:10px; height:10px; margin:0 8px !important;}
.swiper-container1 .swiper-pagination-bullet-active{ background:#c40b1c;}

.footer{ width:100%; overflow:hidden;}

.footer_t{ width:100%; overflow:hidden; background:#f7f7f7; padding:30px 0;}
.footer_t1{ width:94%; margin:0 auto; overflow:hidden;}
.footer_t2{ width:1px; height:26px; background:#dedede; margin:0 auto;}
.footer_t3{ font-size:18px; color:#28478f; font-weight:bold; line-height:18px; margin-top:8px;}
.footer_t4{ font-size:14px; color:#999999; line-height:14px; margin:13px auto 20px auto;}
.footer_t5{ max-width:100%; width:400px; margin:0 auto; overflow:hidden;}
.footer_t5 li{ float:left; min-height:50px; margin-top:30px; text-align:left; padding-left:18%; font-size:14px; color:#666; line-height:25px;}
.footer_t5 li:nth-child(1){ background:url(../images/footer1.png) left top no-repeat; width:82%;}
.footer_t5 li:nth-child(2){ background:url(../images/footer2.png) left top no-repeat; width:82%;}
.footer_t5 li:nth-child(3){ background:url(../images/footer3.png) left top no-repeat; width:82%;}

.footer_m{ width:100%; overflow:hidden; background:#28478f; padding:30px 0 30px 0;}
.footer_m1{ width:94%; margin:0 auto; overflow:hidden;}
.footer_m1 li{ float:left; width:100%; padding:0; overflow:hidden; border-right:0; min-height:0; padding-bottom:10px;}
.footer_m1 li:nth-child(1){ width:100%; padding:0;}
.footer_m1 li:nth-child(4){ border-right:0; width:100%; padding:0;}
.footer_m2{ float:left; width:100%; overflow:hidden; text-align:left; font-size:16px; color:#FFF; position:relative; line-height:16px; height:32px; margin-top:10px;}
.footer_m2 span{ position:absolute; left:0; bottom:0; display:block; width:40px; height:3px; background:#31a4db;}
.footer_m3{ float:left; width:100%; overflow:hidden; font-size:14px; color:#94a3c7; text-align:left; line-height:26px; margin-top:12px;}

.footer_b{ width:94%; overflow:hidden; background:#f7f7f7; padding:7px 3%;}
.footer_b1{ font-size:13px; color:#444444; line-height:24px;}
.footer_b1 a{ color:#444444;}
.footer_b1 a:hover{ text-decoration:underline;}

/*about*/
.banner{ width:100%; height:399px; position:relative; display:none;}
.position_nav{ position:absolute; bottom:0; left:0; width:100%; height:58px; background:url(../images/position.png) repeat;}
.position_nav1{ width:1024px; margin:0 auto; overflow:hidden;}
.position_nav1 li{ float:left; margin-right:1px;}
.position_nav1 li a{ display:block; height:58px; line-height:58px; padding:0 50px; font-size:16px; color:#FFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.position_nav1 li .a_on{ background:#294995;}
.position_nav1 li a:hover{ background:#294995;}

.banner_mobile{ display:block;}
.banner_mobile img{ display:block; width:100%;}

.position{ width:94%; margin:0 auto; overflow:hidden; text-align:left; padding:30px 0 0 0;}
.position1{ width:100%; overflow:hidden; font-size:14px; color:#444444; line-height:24px;}
.position1 a{ color:#444444;}
.position1 a:hover{ text-decoration:underline;}
.position1 span{ color:#284893;}
.position2{ width:100%; font-size:18px; color:#2a489c; font-weight:bold; line-height:18px; margin-top:20px;}

.about1{ width:94%; margin:0 auto; overflow:hidden; padding:30px 0 30px 0;}
.about1_1{ display:block; margin:0 auto; height:35px;}
.about1_2{ width:100%; font-size:16px; color:#444444; line-height:30px; margin-top:15px;}
.about1_3{ width:800px; max-width:100%; overflow:hidden; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin:30px auto 0 auto; padding:20px 0 20px 0;}
.about1_3 li{ float:left; width:90%; text-align:left; font-size:14px; color:#444444; padding:0 0 0 10%; line-height:30px;}
.about1_3 li:nth-child(1){ background:url(../images/about4_1.png) left 0 no-repeat; background-size:auto 30px;}
.about1_3 li:nth-child(2){ background:url(../images/about4_2.png) left 4px no-repeat; background-size:auto 22px;}
.about1_3 li:nth-child(3){ background:url(../images/about4_3.png) left 4px no-repeat; background-size:auto 22px;}
.about1_4{ width:100%; overflow:hidden; margin-top:30px;}
.about1_5{ float:none; margin:0 auto; display:block; width:471px; height:auto; max-width:100%;}
.about1_6{ float:none; margin:0 auto; text-align:left; width:800px; max-width:100%; font-size:14px; line-height:30px; margin-top:30px;}
.about1_6 .span1{ color:#294797;}
.about1_6 img{ display:block; max-width:100%;}

.about2{ width:100%; overflow:hidden; background:#f2f2f2; padding:0 0 30px 0;}
.about2_1{ width:90%; margin:0 auto; padding:30px 0; text-align:left; font-size:14px; color:#000; line-height:30px;}
.about2_1 .span1{ font-size:16px; color:#2a4890;}

.about3{ width:100%; overflow:hidden; background:url(../images/index9.jpg) bottom center no-repeat; padding:30px 0 270px 0;}
.about3_1{ width:90%; margin:0 auto; text-align:left; font-size:14px; color:#000; line-height:30px;}
.about3_1 .span1{ font-size:16px; color:#2a4890;}

/*customer*/
.customer{ width:100%; overflow:hidden; background:url(../images/index9.jpg) bottom center no-repeat; padding:30px 0 270px 0;}
.customer1{ width:94%; margin:0 auto; overflow:hidden; text-align:left; font-size:14px; color:#444; line-height:30px;}
.customer1 .span1{ font-size:16px; color:#2a4890;}
.customer1 .span2{ font-weight:bold; color:#294995;}
.customer1 img{ display:block; max-width:100%;}

/*contact*/
.contact{ width:100%; overflow:hidden; padding:30px 0 0 0;}
.map{ width:94%; height:300px; margin:0 auto;}
.contact1{ width:94%; margin:0 auto; padding:30px 0; font-size:14px; color:#444; text-align:left; line-height:30px;}

/*download*/
.download_out{ width:100%; overflow:hidden; padding-top:13px;}
.download{ width:94%; margin:0 auto; overflow:hidden;}
.download li{ float:left; width:100%; overflow:hidden; margin-top:6px;}
.download li a{ display:block; width:100%; height:50px; overflow:hidden; background:#f2f2f2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.download1{ float:right; width:auto; overflow:hidden; margin-right:3%;}
.download2{ float:left; width:auto; height:50px; line-height:50px; font-size:14px; font-family:"Arial"; color:#444; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.download3{ float:left; width:100%; height:22px; line-height:22px; font-size:14px; font-family:"Arial"; color:#444; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.download4{ float:left; width:65%; margin-left:3%; text-align:left; margin-top:0; position:relative; height:60px;}
.download5{ float:left; width:100%; height:auto; line-height:50px; font-size:15px; color:#444; overflow:hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background:#f2f2f2; position:relative; z-index:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.download li a:hover{ background:#28479d;}
.download li a:hover .download2{ color:#FFF;}
.download li a:hover .download3{ color:#FFF;}
.download li a:hover .download5{ color:#FFF; background:#28479d;}

.page{ width:94%; margin:0 auto; font-size:14px; color:#444; padding:20px 0 30px 0; line-height:20px;}
.page span{ display:inline-block; margin-top:10px; padding:0 6px;}
.page a{ display:inline-block; margin-top:10px; color:#444; padding:0 6px;}
.page a:hover{ background:#28479d; color:#FFF;}
.page span:hover{ background:#28479d; color:#FFF;}

/*downloadIn*/
.downloadIn{ width:100%; overflow:hidden;}
.downloadIn1{ width:94%; margin:0 auto; overflow:hidden;}
.downloadIn2{ display:block; margin:30px auto 0 auto; width:698px; height:auto; max-width:100%;}
.downloadIn3{ width:91%; overflow:hidden; font-size:16px; line-height:30px; color:#c80114; text-decoration:underline; background:url(../images/downloadIn2.png) left top no-repeat; background-size:auto 25px; padding-top:0; text-align:left; margin-top:30px; padding-left:9%; cursor:pointer;}
.downloadIn4{ width:100%; overflow:hidden; text-align:left; font-size:14px; color:#444; line-height:30px; padding:20px 0 30px 0; border-bottom:1px solid #e5e5e5;}

.pageIn{ width:100%; text-align:left; font-size:14px; color:#444; padding:15px 0 30px 0;}
.pageIn1{ width:100%; overflow:hidden; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:26px; line-height:26px; margin-top:10px;}
.pageIn1 a{ color:#444;}
.pageIn1:hover{ color:#2a489c;}
.pageIn1:hover a{ color:#2a489c;}

/*news*/
.news{ display:block; width:90%; margin:20px auto 0 auto; overflow:hidden; background:#f2f2f2; padding:2%;}
.news1{ float:none; display:block; width:568px; height:auto; max-width:100%; margin:0 auto;}
.news2{ float:none; width:100%; overflow:hidden; text-align:left;}
.news3{ width:100%; overflow:hidden; font-size:18px; color:#444; margin-top:30px; font-family:"Arial";}
.news3 span{ font-size:14px;}
.news4{ width:100%; height:30px; line-height:30px; font-size:16px; color:#444; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:20px;}
.news5{ width:100%; font-size:14px; color:#444; line-height:30px; height:60px; overflow:hidden; margin-top:20px;}
.news6{ float:left; margin-top:30px;}

/*newsIn*/
.newsIn{ width:100%; overflow:hidden;}
.newsIn1{ width:94%; margin:0 auto; overflow:hidden;}
.newsIn2{ width:100%; overflow:hidden; font-size:16px; color:#2a4890; line-height:26px; margin-top:30px;}
.newsIn3{ width:100%; overflow:hidden; font-size:14px; color:#4b4b4b; line-height:24px; margin-top:15px;}
.newsIn4{ width:100%; overflow:hidden; font-size:14px; color:#444; line-height:30px; text-align:left; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:20px 0 30px 0; margin-top:20px;}
.newsIn4 img{ display:block; max-width:100%; margin:0 auto;}

/*pro*/
.pro{ width:100%; overflow:hidden;}
.pro1{ width:480px; max-width:100%; margin:0 auto; overflow:hidden; padding-bottom:20px;}
.pro1 li{ float:left; width:94%; overflow:hidden; border:1px solid #e5e5e5; margin:30px 0 0 3%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro1 li a{ display:block; width:100%; overflow:hidden; padding-bottom:20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background:right top no-repeat;}
.pro2{ width:90%; height:auto; overflow:hidden; position:relative; margin:20px auto 0 auto;}
.pro2_1{ display:block; width:100%; height:auto;}
.pro2_2{ position:absolute; width:100%; height:100%; top:0; left:0; background:url(../images/pro6.png) repeat; filter:alpha(opacity:0); opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro2_3{ width:15%; margin:30% auto 0 auto;}
.pro2_4{ width:90%; margin:5% auto 0 auto; font-size:16px; color:#FFF; line-height:30px; height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro3{ width:90%; margin:0 auto; overflow:hidden;}
.pro3_1{ width:100%; font-size:16px; font-weight:bold; color:#294995; height:26px; line-height:26px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:20px;}
.pro3_2{ width:100%; font-size:14px; color:#666666; height:24px; line-height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:10px;}

.pro1 li:hover{ -webkit-box-shadow:0px 3px 15px #e9e9e9; -moz-box-shadow:0px 3px 15px #e9e9e9; box-shadow:0px 3px 15px #e9e9e9; border:1px solid #FFF;}
.pro1 li a:hover{ background:url(../images/pro7.png) right top no-repeat;}
.pro1 li a:hover .pro2_2{ filter:alpha(opacity:100); opacity:1; -moz-opacity:1; -khtml-opacity:1;}

/*proIn*/
.proIn{ width:100%; overflow:hidden;}
.proIn1{ width:94%; margin:0 auto; overflow:hidden;}
.proIn2{ display:block; margin:30px auto 0 auto; width:407px; max-width:100%;}
.proIn3{ width:100%; overflow:hidden; border-bottom:1px solid #e5e5e5; padding:30px 0;}
.proIn4{ width:100%; overflow:hidden; font-size:16px; font-weight:bold; color:#294995; line-height:30px;}
.proIn5{ width:100%; overflow:hidden; font-size:14px; color:#666666; line-height:26px; margin-top:10px;}
.proIn6{ width:100%; overflow:hidden; border-bottom:1px solid #e5e5e5; padding:30px 0; font-size:14px; color:#444444; line-height:30px; text-align:left;}
.proIn6 .span1{ color:#294995; font-weight:bold;}
.proIn6 img{ display:block; margin:0 auto; max-width:100%;}

}